<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>hublot</title>
	<!-- <link rel="stylesheet" href="E:/bootstrap-3.3.7-dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> -->
	<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
	<style type="text/css">

		.top{
			background: #189bce;
			height: 100px;
			margin-bottom: 0.5px;
		}
		.top2{
			background: #189bce;
			height: 200px;
		}
		.top3{
			background: #189bce;
			height: 100px;
		}
		.logol{
			margin-left: 50%;
		
		}
		.six{
			border-radius: 20px;
			border-color: white;

		}
		.mid1{
			height: 2500px;
		}
		.mid2{
			height: 500px;
			background: #189bce;
		}
		.buttom{
			height: 500px;
		}
		
		a{color: white;}
		span{color: white;}
		h4{
			color: #189bce;
			font-size: 25px;
		}
		.hhh{
			border: 1px solid white;
		}
		.img1{
			float: right;
		}
		.mid2_1{
			width: 50%;
			float: left;
		}
		.mid2_2{
			width: 400px;
			float: left;
		}
		.mid4_1{
			width: 200px;
			float: left;
		}
	</style>
</head>
<body>
    <div class="container-fluid">
		<div class="row top">
			<div class="col-md-4">
				<img src="image/logol.gif" class="logol">
			</div>
			<div class="col-md-8 column">
				<ul class="nav nav-pills">
					<li class="">
						 <a href="#">Home</a>
					</li>
					<li>
						 <a href="#">One</a>
					</li>
					<li class="#">
						 <a href="#">Two</a>
					</li>
					<li class="#">
						 <a href="#">Three</a>
					</li>
					<li class="#">
						 <a href="#">Four</a>
					</li>
					<li class="#">
						 <a href="#">Five</a>
					</li>
					<li class="six">	
							<a href="#" class="hhh">Six</a>							 
						 <!-- <span class="six">Six</span> -->								
					</li>						
				</ul>
				
			</div>			
		</div>

		<div class="row top2">
			<center>
				<br><br>
				<p style="color: white;font-size: 25px;">Investissez dans la reussite</p>
				<p style="color: white;font-size: 15px;">Conter voto pro aa aaa ggg  ddafde  eeeesscgg  ddf sser </p>
			</center>
		</div>
		<div class="row top3">
			<center>
				<img src="image/3_07.gif">
			</center>
			
		</div>
		

		<div class="row">
			<div class="col-md-12">
				&nbsp;
				<center>
					<p style="color: #189bce;font-size: 50px;ma">Hublot huh?</p>
				</center>				
			</div>
			<div class="row">
				<div class="col-md-6 mid2_1">
					<img src="image/2_07.gif" class="img1">
				</div>
				<div class="col-md-6 mid2_2">
					<p>
						<h4>agence digitate</h4>
						<br>					
						aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
						aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
						aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br><br>

						aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
						aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
						aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
						aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br><br>

					</p>
				</div>
			</div>
			
			<div class="row">
				<center>
					<p>
						<h5 style="font-weight: bold;font-size: 25px;">nous creons de impact avec nos realisations</h4>
						aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
						aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br><br>
					</p>
				</center>
			</div>

			<div class="row">
				<div class="col-md-4 mid4_1">
					<img src=""><br>
					<p style="font-weight: bold;font-size: 20px;">Elude or organization</p>
					<
				</div>
			</div>
		</div>
				

		<div class="row clearfix mid2">
			<div class="col-md-12 column">
			</div>
		</div>

		<div class="row clearfix buttom">
			<div class="col-md-12 column">
			</div>
		</div>

	</div>

     
</body>
</html>